<template>
    <div>
        我是孙组件 {{ $parent.$parent.str }}
        <button @click="btn">改变爷组件的数据</button>
        <br>
        {{ val }}
        <button @click="btn2">寻找根组件</button>
    </div>
</template>

<script>

export default {
    name: 'Gson',
    data() {
        return {

        };
    },
    inject: ['val'],
    methods: {
        btn() {
            this.$parent.$parent.str = '456'
            // this.val = '孙组件修改了爷爷组件的数据'
        },
        btn2() {
            console.log(this.$parent.$el);
        }
    }
};
</script>